<template>
	<view class="container">
		<!-- <view style="position: absolute; left: 50%; top: 25%; transform: translate(-50%, -50%);">
			<view class="display one">邮</view><br />
			<view class="display two">效</view><br />
			<view class="display three">率</view><br />
			<view class="display four">欢</view><br />
			<view class="display five">迎</view><br />
			<view class="display six">你</view><br />
		</view> -->
		<view class="img">
			<image src="../../static/app-logo.jpg" mode="widthFix" style="width: 100%;"></image>
		</view>
		<!-- <view class="guidePages">
		  <image src="../../static/logo.png" mode="widthFix"></image>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		onLoad() { //页面加载完执行
			console.log('onLoad')
		},
		onShow(){ //每次进入页面执行
			console.log('onShow')
			setTimeout(function(){
				if(this.$method.getStorageTo("token")){
					if(this.$method.getStorageTo("tokencode") == 200){
						uni.reLaunch({
							url:'../home/mySchedule'
						})
					}else{
						uni.reLaunch({
							url:'./login'
						})
					}
				}else{
					uni.reLaunch({
						url:'./login'
					})
				}
			}.bind(this),1800)
		}
	}
</script>

<style lang="scss">
	page{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	
	.display {
		display: inline-block;
		font-size: 28px;
	}
	
	.one {
		animation: text 0.6s linear;
		animation-fill-mode: both;
	}
	
	.two {
		animation: text 0.6s linear 0.1s forwards;
		animation-fill-mode: both;
	}
	
	.three {
		animation: text 0.6s linear 0.2s forwards;
		animation-fill-mode: both;
	}
	
	.four {
		animation: text 0.6s linear 0.3s forwards;
		animation-fill-mode: both;
	}
	
	.five {
		animation: text 0.6s linear 0.7s forwards;
		animation-fill-mode: both;
	}
	
	.six {
		animation: text 0.6s linear 0.8s forwards;
		animation-fill-mode: both;
	}
	@keyframes text {
		0% {
			color: transparent;
			transform: translateX(-30px) rotate(-90deg);
		}
	
		100% {
			color: #000;
			transform: translateX(0px) rotate(0deg);
		}
	}
	
	.img {
		position: absolute;
		bottom: 40%;
		width: 95%;
		animation: img 0.8s linear 0s forwards;
		animation-fill-mode: both;
	}
	
	@keyframes img {
		0% {
			color: transparent;
			transform: translateX(-240px);
		}
	
		100% {
			color: #000;
			transform: translateX(0px);
		}
	}
	
.container {
	height: 100%;
	width: 100%;
}
// .guidePages{
// 	position: absolute;
// 	bottom: 0upx;
// 	margin: auto;
// 	padding: 0 20rpx;
// 	width: calc(100% - 40rpx);
// }
// .guidePages image{
// 	width: 100%;
// 	display: block;
// }
</style>
